<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>008-伪类选择器</title>
		<style>
			/* 鼠标移入 */
			span:hover {
				color: red;
			}

			/* 鼠标按下 */
			span:active {
				color: blue;
			}

			/* 元素聚焦(表单内元素才可用) */
			input:focus {
				outline: 1px solid red;
			}
		</style>
	</head>
	<body>
		<span>SPAN 元素</span>
		<br />
		<input type="text" />
	</body>
</html>
